<!--
 * @Author: zxh
 * @Email: 1271027008@qq.com
 * @Date: 2020-05-25 09:27:58
 * @Descripttion: 
--> 
<!--分页-->
<template>
  <el-pagination
    :page-size.sync="page.size"
    :total="page.total"
    :current-page.sync="page.page"
    style="margin-top: 8px;"
    layout="total, prev, pager, next, sizes"
    @size-change="crud.sizeChangeHandler($event)"
    @current-change="crud.pageChangeHandler"
  />
</template>
<script>
  import {pagination} from '@crud/crud'

  export default {
  mixins: [pagination()]
}
</script>
<style>
.el-pager li{
  font-weight: 100;
}
.el-pager li.active{
  color: rgb(33, 210, 193);
  font-weight: bold;
}
.el-pager li:hover{
  color: #00524a;
}
.el-pagination button:hover{
  color: #00524a;
}
</style>